<html>
	<head>
		<title>Test fb</title>
	</head>
	<body>
		
		<div id="fb-root"></div>
		<script type="text/javascript" language="javascript">
		  // Additional JS functions here
		  window.fbAsyncInit = function() {
			FB.init({
			  appId      : '150804861761223', // App ID
			  channelUrl : '//localhost/COCWS/COC/channel.html', // Channel File
			  status     : true, // check login status
			  cookie     : true, // enable cookies to allow the server to access the session
			  xfbml      : true  // parse XFBML
			});

			// Additional init code here
			FB.getLoginStatus(function(response) {
			  if (response.status === 'connected') {
				// connected
			  } else if (response.status === 'not_authorized') {
				// not_authorized
				login();
			  } else {
                // not_logged_in
                login();  
			  }
			 });

		  };
		  
			function login() {
				FB.login(function(response) {
					if (response.authResponse) {
						// connected
						testAPI();
					} else {
						// cancelled
					}
				});
			}

			function testAPI() {
				//console.log('Welcome!  Fetching your information.... ');
			    FB.api('/me', function (response) {
			        var title = document.getElementById("titleH1");
			        title.innerHtml = response.name;
			        //console.log('Good to see you, ' + response.name + '.');
			    });
			}
		  // Load the SDK Asynchronously
		  (function(d){
			 var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
			 if (d.getElementById(id)) {return;}
			 js = d.createElement('script'); js.id = id; js.async = true;
			 js.src = "//connect.facebook.net/en_US/all.js";
			 ref.parentNode.insertBefore(js, ref);
		   }(document));
		</script>
        <h1 id="titleH1">title</h1>
	</body>
</html>
